@charset "utf-8";
@import "common/common";
@import "animate";
.engine_wrap{
    border-bottom: 1px solid #eaeaee;
    background:url(../img/flash-bg.jpg) no-repeat 80% 100% #fbfaf7;
    h2{
        color: #0078d7;
        margin: 0;
        margin-top: 105px;
    }
    h3{
        margin-top: 0;
        margin-bottom: 77px;
        color: #666;
        font-weight: 300;
    }
    .icon_wrap{
        float: left;
        width: 64px;
        height: 64px;
        border-radius: 4px;
        background-color: #0078d7;
        transition: all 1s;
        padding-left: 0;
        &:hover{
            transform: rotate(360deg);
            background-color: gainsboro;
        }
    }
    .text_wrap{
        padding-right: 0;
        p{
            font-size: 20px;
            margin-top: 0;
            margin-bottom: 0;
        }
        span{
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px;
            color: #666666;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
    }
    .flash_left{
        padding-top: 40px;
        margin-bottom: 104px;
    }
}
.youshi_wrap{
    list-style: none;
    padding-bottom: 79px;
    h2{
        color: #8fc31f;
        margin-top: 113px;
        margin-bottom: 30px;
    }
    >div{
        >div{
            padding-top: 190px;
        }
    }
    li{
        color: #666666;
        display: flex;
        align-items: center;
        height: 70px;
        >div{
//          height: 54px;
            width: 54px;
            background: #8fc31f;
            border-radius: 50%;
            margin-right: 10px;
        }
    }
}
.laya_family{
    color: #fffefe;
    background: #0079d7;
    padding-bottom: 89px;
    h2{
        color: #fff;
        font-weight: normal;
        margin-top: 112px;
        margin-bottom: 78px;
    }
    h4{
        font-size: 24px;
        margin-top: 0;
        line-height: 1;
    }
    p{
        font-size: 13px;
        text-align: justify;
        line-height: 30px;
    }
}
.layagame{
    padding: 40px 0 17px;
    .layagame_title{
        font-size: 33px;
        height: 129px;
        line-height: 129px;
    }
    .layagame_more{
        line-height: 122px;
    }
    .gamelink{
        padding-top: 5px;
        padding-right: 0;
        >div{
            >div{
                font-size: 0;
                margin-bottom: 12px;
                a{
                    &:hover{
                        opacity: 0.8;
                    }
                    line-height: 1;
                    font-size: 13px;
                    img{
                        margin-bottom: 8px;
                    }
                    &:nth-child(2){
                        line-height: 13px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                }
            }
        }
    }
    video{
        height: 200px;
        width: 100%;
        background: black;
    }    
}
.partner{
    background: #f4f4f4;
    .lh1{
        font-size: 0;
        margin-bottom: 32px;
    }
    b{
        font-size: 30px;
        font-weight: normal;
        margin-right: 3px;
    }
    span{
        color: #9c9c9c;
        font-size: 12px;
    }
    .par_til{
        padding-top: 40px;
        padding-bottom: 32px;
    }
    .par_link{
        a{
            &:hover{
                opacity: 0.8;
            }
            cursor: pointer;
            img{
                border: 1px solid #dddddd;
                border-radius: 5px;
                margin-bottom: 20px;
            }
        }
    }
}

@media (min-width:768px) and (max-width:992px){
    .nav{
        >li{
            >a{
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    }
}
@media (min-width: 768px){
    .navbar {
        border-radius: 0;
    }
    .laya_family{
        .laya-product{
            height: 200px;
        }
    }
}
@media (max-width: 768px){
    .engine_wrap{
        background-image: none;
    }
}
@media (max-width: 420px){
    .p0{
        padding: 0;
    }
    .movefont{
        h2{
            font-size: 26px;
            text-align: center;
        }
        h3{
            font-size: 20px;
        }
        p{
            font-size: 16px;
        }
    }
    .engine_wrap{
        h2{
             margin-top: 50px;
         }
        h3{
            margin-bottom: 20px;
        }
        .mb45{
            margin-bottom: 30px;
        }
        .flash_left{
            margin-bottom: 40px;
        }
    }
    .youshi_wrap{
        padding-bottom: 0;
        h2{
            margin-top: 10px;
        }
        li{
            height: 100px;
        }
        >div{
            >div{
                padding-top: 100px;
            }
        }
    }
    .laya_family{
        padding-bottom: 40px;
        h2{
            margin-top: 50px;
            margin-bottom: 0;
        }
        >div{
            >div{
                >div{
                    margin-top: 30px;
                }
            }
        }
    }
    .layagame{
        padding-top: 0;
        padding-bottom: 0;
        .layagame_title{
            font-size: 20px;
            height: 110px;
            line-height: 110px;
        }
        .gamelink{
            padding: 20px 0px ;
            >div{
                div{
                    padding-left: 18px;
                    padding-right: 18px;
                }
            }
        }
    }
    .partner{
        .par_link{
            padding: 0;
            div{
                padding-left:7px;
                padding-right: 7px;
            }
        }
        .par_til{
            padding-top: 25px;
            padding-bottom: 20px
        }
    }
}
